.myPatientCircle {
  background-color: #fff;
  box-sizing: border-box;
  padding: 20px 20px 20px 20px;
  display: flex;

  .dateTime {
    margin-right: 10px;

    .day {
      font-size: 16px;
      color: var(--base-color);
      font-weight: bold;
    }

    .month {
      margin-left: 16px;
      font-size: 12px;
      color: var(--base-color);
    }
  }

  .mySickCircle {
    height: 100px;
    width: 270px;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 1px 1px 1px #f2f2f2;

    .title {
      font-size: 14px;
      color: var(--base-color);
      margin-bottom: 10px;
      font-weight: bold;
    }

    .detail {
      font-size: 12px;
      color: var(--base-color);
      margin-bottom: 10px;
      line-height: 16px;
      overflow: hidden; // 溢出内容隐藏
      text-overflow: ellipsis; // 文本溢出部分用省略号表示
      display: -webkit-box; // 特别显示模式
      -webkit-line-clamp: 2; // 行数
      -webkit-box-orient: vertical; // 盒子中内容竖直排列
    }

    .comments {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      span {
        color: var(--primary-color);
        font-size: 12px;
        transform: scale(0.83);
        margin-top: -3px;
      }
      .next {
        min-width: 10px;
        height: 10px;
      }
    }
  }
}
